<template>
	<view class="">
		<view class="seach">
			<u-navbar :is-back="false" :border-bottom="false" :background="background">
				<view class="d-flex w-100">
					<view class="pl-2 py-2"  @click="backtrack_img">
						<u-icon name="arrow-left" color="#ffffff" size="40"></u-icon>
					</view>
					<view class="pl-2 py-1">
						<view class="font-lg font-weight text-white">本店客户</view>
					</view>
					<view class="pl-2 pt-2" @click="addkehu" v-if="user.kehu_edit">
						<u-icon name="man-add" color="#ffffff" size="40"></u-icon>
					</view>
				</view>
			</u-navbar>
			
			<view class="top-0 w-100 z-222 bg-nav d-flex">
				<view class="paixu" @tap="tabsPaixu">
					<view class="py-3">
						<image src="../../static/images/new/paixu.png" class="" mode="" class="img01"></image>
					</view>
				</view>
				
				<view class="d-flex py-1 m-2 px-2  rounded-15 bg-f2 w-100">
					<u-icon name="search" color="#666666" size="40" @click="search"></u-icon>
					<view class="flex-1 ml-2 mt-5rpx">
						<input type="text" confirm-type="search" class="flex-1" v-model="keywords" @input="key_input" @confirm="confirm_seach" value="" placeholder="(本店客户)公司/姓名/手机号/地址" />
					</view>
				</view>
				<view class="shaixuan" @tap="tabsShaixuan">
					<view class="py-3">
						<image src="../../static/images/new/shaixuan.png" mode="" class="img01"></image>
					</view>
				</view>
				
			</view>
		</view>
		
		<swiper :style="{'height':scrollHeight}"  :current="swiperCurrent"  @transition="transition" @animationfinish="animationfinish">
			<swiper-item>
				<scroll-view scroll-y="true" :style="{height: scrollHeight}" :scroll-top="scrollTop" @scroll="scroll" @scrolltolower="scrolltolower"
		 refresher-enabled="true" :refresher-triggered="triggered" :refresher-threshold="100" @refresherpulling="onPulling"
            @refresherrefresh="onRefresh" @refresherrestore="onRestore">
					<view class="h_100">
						<view class="h_100 d-flex j-center a-center flex-column" v-if="store_users.length==0">
							<image src="../../static/images/home/icon_no_data.png" mode="" class="icon_no_data"></image>
							<view class="">暂无数据</view>
						</view>
						<view class="" v-else>
							<view class="py-4 px-2 bg-white border-bottom" @click="client_detail(item)" v-for="(item,index) in store_users" :key='index'>
								<view class="d-flex">
									<view class=""><image class="terrace_img rounded-circle-50" :src="item.user_picture?item.user_picture:'../../static/images/order/default-photo.png'" mode=""></image></view>
									<view class="font-35 text-000 ml-2 mb-1">
										<view class="font-weight">
											<view class="font-30 line-h-md">
												姓名：{{item.user_name}}
											</view>
											<view class="font-30 line-h-md">
												手机：{{item.mobile_phone}}　昵称：{{item.nickname}}
											</view>
											
											<view class="font-30 line-h-md">
												公司：{{item.company_name}}
											</view>
											<!-- <rich-text :nodes="item.user_name"></rich-text><text class="ml-2">{{item.mobile_phone}}</text> -->
											<!-- <text class="ml-2">{{item.mobile_phone}}</text> -->
											
										</view>
										<!-- <view class="text-333 my-1 h_40">{{item.company_name}}</view> -->
									</view>
								</view>	
								<view class="d-flex j-sb">
									<view class="h_40 my-1 text-666">最近下单:无 累计: {{item.order_count}}</view>
									<view class="h_40 my-1 text-666">{{item.yewu_name}}</view>
								</view>	
							</view>
						</view>
						<view class="py-2" v-if="!store_users.length<=0">
							<view class="" v-if="store_users.length==total"  @click="loadmores">
								<u-loadmore status="nomore" icon-type="circle" />
							</view>
							<view class="" v-else >
								<u-loadmore status="loading" icon-type="circle" />
							</view>
						</view>
					</view>
				</scroll-view>
			</swiper-item>
			<swiper-item>
				<scroll-view scroll-y="true" :style="{height: scrollHeight}">
					<view class="">
						<view class="m-2 p-3 rounded-20 bg-white">
							<view class="font-35 font-weight">高级查询</view>
							<view class="mx-3 d-flex flex-wrap j-sb">
								<view  @click="tabDate(item,index)" class="o-hidden position-relative span-6 py-2 date text-center mt-2 rounded-10" v-for="(item,index) in today_list" :key="index" :class="index==tabIndex?'date_action':''">
									{{item.name}}
									<image v-if="index===tabIndex" src="../../static/images/client/corner.png" class="position-absolute bottom-0 right-0 corner_img" mode=""></image>
								</view>
							</view>
							<view class="py-3 d-flex j-sb border-bottom" @click="initiate">
								<view class="font-weight font-35">自定义时间</view>
								<view class="d-flex a-center">
									<view class="">
										<view class="text-999 mr-1" v-if="!initiate_time">请选择时间</view>
										<view class="text-000 mr-1 d-flex" v-else>{{initiate_time[0]+' 至 '+initiate_time[1]}}</view>
									</view>
									<u-icon name="arrow-right" color="#909399" size="30"></u-icon>
								</view>
							</view>
							<view class="py-3 d-flex j-sb" @click="yuwuclick">
								<view class="font-weight font-35">业务员</view>
								<view class="d-flex">
									<view class="text-999 mr-1">{{yewu_item.name?yewu_item.name:"请设置"}}</view>
									<u-icon name="arrow-right" color="#909399" size="30"></u-icon>
								</view>
							</view>
							<view class="py-3 d-flex j-sb" @click="levelclick">
								<view class="font-weight font-35">客户级别</view>
								<view class="d-flex">
									<view class="text-999 mr-1">{{level_item.level_name?level_item.level_name:"请设置"}}</view>
									<u-icon name="arrow-right" color="#909399" size="30"></u-icon>
								</view>
							</view>
							<view class="py-3 d-flex j-sb" @click="client">
								<view class="font-weight font-35">客户标签</view>
								<view class="d-flex">
									<view class="text-999 mr-1">{{tally_item.tag_name?tally_item.tag_name:"请设置"}}</view>
									<u-icon name="arrow-right" color="#909399" size="30"></u-icon>
								</view>
							</view>
						</view>
					</view>
				</scroll-view>
				<view class="footer"></view>
				<view class="position-fixed bottom-0 w-100 bg-white py">
					<view class="d-flex sub j-sb p-2">
						<button type="warn" class="dele" @click="batch_spec">重置</button>
						<button type="warn" class="rele" @click="sub_next">确认</button>
					</view>	
				</view>
			</swiper-item>
			<swiper-item>
				<scroll-view scroll-y="true" :style="{height: scrollHeight}">
					<view class="py-4 px-2 bg-white d-flex j-sb a-center" v-for="(item,index) in paixuList" :key='index'>
						<view class="">
							{{item.name}}
						</view>
						<view class="d-flex">
							<image v-if="item.asc" src="../../static/images/new/asc-ac.png" mode="" class="img01 mr-2" @click="setorder(item, index, 'asc')"></image>
							<image v-else src="../../static/images/new/asc.png" mode="" class="img01 mr-2" @click="setorder(item, index, 'asc')"></image>
							<image v-if="item.desc" src="../../static/images/new/desc-ac.png" mode="" class="img01" @click="setorder(item, index, 'desc')"></image>
							<image v-else src="../../static/images/new/desc.png" mode="" class="img01" @click="setorder(item, index, 'desc')"></image>
						</view>
					</view>
					
				</scroll-view>
			</swiper-item>
		</swiper>
		<!-- 开始 -->
		<!-- <u-picker v-model="initiate_show" mode="time" @confirm="initiate_confirm"></u-picker> -->
		<rangeDatePick 
		    :show="initiate_show"
		    @showchange="showchange"
		    :value="defaultdate"
		    @change="bindChange"
		    @cancel="bindCancel"
		    themeColor="#df7b36"
		></rangeDatePick>
		
		<!-- 业务员 -->
		<s-popup custom-class="demo-popup" position="bottom" v-model="yewu_show">
			<!-- 内容 -->
			<view class="bg-white rounded-top">
				<view class="d-flex j-sb py-3 border-bottom px-4">
					<view class="text-999"></view>
					<view class="text-000 font-35">业务员</view>
					<view class="text-danger" @click="closeyewu">
						<u-icon name="close" color="#777" size="35"></u-icon>
					</view>
				</view>
				<!-- 内容 -->
				<view class="ml-2 bg-white">
					<view class="d-flex j-sb a-cente p-3 border-bottom" v-for="(item,index) in yewu" :key="index" @click="tab_yewu(item)">
						<view class="flex-1 w-100">
							{{item.name}}
						</view>
						<view class="" v-show="yewu_item.id==item.id">
							<u-icon name="checkbox-mark" color="#ff0000" size="30"></u-icon>
						</view>
					</view>
				</view>
			</view>
		</s-popup>
		
		
		<!-- 客户级别 -->
		<s-popup custom-class="demo-popup" position="bottom" v-model="level_show">
			<!-- 内容 -->
			<view class="bg-white rounded-top">
				<view class="d-flex j-sb py-3 border-bottom px-4">
					<view class="text-999"></view>
					<view class="text-000 font-35">客户级别</view>
					<view class="text-danger" @click="closelevel">
						<u-icon name="close" color="#777" size="35"></u-icon>
					</view>
				</view>
				<!-- 内容 -->
				<view class="ml-2 bg-white">
					<view class="d-flex j-sb a-cente p-3 border-bottom" v-for="(item,index) in level" :key="index" @click="tab_level(item)">
						<view class="flex-1 w-100">
							{{item.level_name}}
						</view>
						<view class="" v-show="level_item.level_id==item.level_id">
							<u-icon name="checkbox-mark" color="#ff0000" size="30"></u-icon>
						</view>
					</view>
				</view>
			</view>
		</s-popup>
		
		
		
		<!-- 客户标签 -->
		<s-popup custom-class="demo-popup" position="bottom" v-model="tally_show">
			<!-- 内容 -->
			<view class="bg-white rounded-top">
				<view class="d-flex j-sb py-3 border-bottom px-4">
					<view class="text-999"></view>
					<view class="text-000 font-35">客户标签</view>
					<view class="text-danger" @click="close">
						<u-icon name="close" color="#777" size="35"></u-icon>
					</view>
				</view>
				<!-- 内容 -->
				<view class="ml-2 bg-white">
					<view class="d-flex j-sb a-cente p-3 border-bottom" v-for="(item,index) in tallyxitong" :key="index" @click="tab_tally(item)">
						<view class="flex-1 w-100">
							{{item.tag_name}}
						</view>
						<view class="" v-show="tally_item.tag_id==item.tag_id">
							<u-icon name="checkbox-mark" color="#ff0000" size="30"></u-icon>
						</view>
					</view>
					<view class="d-flex j-sb a-cente p-3 border-bottom" v-for="(item,index) in tally" :key="index" @click="tab_tally(item)">
						<view class="flex-1 w-100">
							{{item.tag_name}}
						</view>
						<view class="" v-show="tally_item.tag_id==item.tag_id">
							<u-icon name="checkbox-mark" color="#ff0000" size="30"></u-icon>
						</view>
					</view>
					
					
				</view>
			</view>
		</s-popup>
	</view>
</template>

<script>
	import rangeDatePick from '../pyh-rdtpicker/pyh-rdtpicker.vue';
	import dateFormat from '../../components/dateFormat/dateFormat.js'
	const SIZE = 10
	import sPopup from '../../components/s-popup/index.vue';
	export default{
		components: {
			sPopup,
			rangeDatePick
		},
		data(){
			return {
				start:'',
				end:'',
				background: {
					background: '#fa7226',
				},
				defaultdate:[],
				keywords:"", // 搜索
				tabIndex:null, // 标记
				navtab_list:[{id:0,name:"店铺客户"},{id:1,name:"高级查询"}],
				today_list:[{id:0,name:"今日",type:"today"},{id:1,name:"昨日",type:"yesterday"},{id:0,name:"本月",type:"month"},{id:1,name:"本季",type:"season"}],
				// 因为内部的滑动机制限制，请将tabs组件和swiper组件的current用不同变量赋值
				current: 0, // tabs组件的current值，表示当前活动的tab选项
				swiperCurrent: 0, // swiper组件的current值，表示当前那个swiper-item是活动的
				scrollHeight:0, // 屏幕高度
				initiate_show:false, // 时间
				initiate_time:"", // 自定义时间
				
				store_users:"", // 店铺的会员
				
				tally_show:false, // 开关
				tally_item:"", // 客户
				tally:"", // 客户标价
				tallyxitong:"",
				
				yewu_show:false,
				yewu_item:"",
				yewu:"",
				
				level_show:false,
				level_item:"",
				level:"",
				
				date_type:"",// 日期类型
				
				u_loadmore:true, // 加载中
				terrace:"", // 平台列表
				
				more:1, // 第几页
				count:10, // 条数
				total:0,// 总条数
				old: {
					scrollTop: 0
				},
				scrollTop:0,
				firstFocus:false,// 下拉刷新
				triggered: false, // 下拉刷新

				paixuList:[
					{name:"按创建时间排序", field:"reg_time", desc:0, asc:0},
					{name:"按客户名称排序", field:"nick_name", desc:0, asc:0},
					{name:"按交易次数排序", field:"visit_count", desc:0, asc:0},
					{name:"按交易时间排序", field:"last_login", desc:0, asc:0},
					{name:"按客户余额排序", field:"user_money", desc:0, asc:0},
					{name:"按客户欠款排序", field:"frozen_money", desc:0, asc:0},
				],
				
				field: "",
				paixu: "",
				
				user: {}
			}
		},
		onReady() {
			let _this=this
			uni.getSystemInfo({
				success(resu) {
					const query = uni.createSelectorQuery()
					query.select('.seach').boundingClientRect()
					console.log(resu)
					query.exec(function(res) {
						console.log(res)
						_this.scrollHeight = resu.windowHeight - res[0].bottom+ 'px';
					})
				}
			})
		},
		watch:{
			keywords(val, oldVal){
				if(val==""){
					this.$H.post("v2/store/users").then(res=>{
						this.store_users=res.data
						this.total=res.paginated.total
					})
				}
			}
		},
		methods:{
			timestampToTime(timestamp) {
			    var date = new Date(timestamp);//时间戳为10位需*1000，时间戳为13位的话不需乘1000
			    var Y = date.getFullYear() + '-';
			    var M = (date.getMonth()+1 < 10 ? '0'+(date.getMonth()+1) : date.getMonth()+1) + '-';
			    var D = (date.getDate() < 10 ? '0'+(date.getDate()) : date.getDate())
			    return Y+M+D;   
			},
			showchange(){
				
			},
			close(){
				this.tally_show=false
			},
			
			closelevel(){
				this.level_show=false
			},
			
			closeyewu(){
				this.yewu_show=false
			},
			
			bindChange(e){
				console.log(e)
				this.initiate_time=e
				this.initiate_show=false
			},
			bindCancel(){
				this.initiate_show=false
			},
			// 下拉刷新 自定义下拉刷新控件被下拉
			 onPulling(e) {
				this.triggered = true;
			},
			// 自定义下拉刷新被触发
			onRefresh() {
			    if (this._freshing) return;
			    this._freshing = true;
			    setTimeout(() => {
					this.getData()
					this.triggered = false;
					this._freshing = false;
			    }, 1000)
			},
			// 自定义下拉刷新被复位
			onRestore() {
			    this.triggered = 'restore'; // 需要重置
			},
			
			// 返回
			backtrack_img(){
				uni.navigateBack({
					delta:1
				})
			},
			// 搜索
			key_input(e){
				this.keywords=e.detail.value
			},
			search(){
				this.$H.post("v2/store/users",{
					keywords:this.keywords
				}).then(res=>{
					this.store_users=res.data
					this.total=res.paginated.total
				})
			},
			confirm_seach(){
				this.$H.post("v2/store/users",{
					keywords:this.keywords
				}).then(res=>{
					this.store_users=res.data
					this.total=res.paginated.total
				})
			},
			// 客户报价
			client(){
				this.tally_show=true
			},
			
			yuwuclick(){
				this.yewu_show=true
			},
			
			levelclick(){
				this.level_show=true
			},
			
			
			tab_tally(item){
				this.tally_item=item
				this.tally_show=false
			},
			
			tab_yewu(item){
				this.yewu_item=item
				this.yewu_show=false
			},
			
			tab_level(item){
				this.level_item=item
				this.level_show=false
			},
			
			// 切换日期
			tabDate(item,index){
				this.tabIndex=index
				if(index==0){
					this.initiate_time=""
					this.initiate_time=[...this.initiate_time,this.start,this.end]
				}else if(index==1){
					let start=new Date(this.start).getTime()
					let time=this.timestampToTime(start-(24*60*60*1000))
					this.initiate_time=""
					this.initiate_time=[...this.initiate_time,time,this.end]
				}else if(index==2){
					let start=new Date(this.start).getTime()
					let time=this.timestampToTime(start-(30*24*60*60*1000))
					this.initiate_time=""
					this.initiate_time=[...this.initiate_time,time,this.end]
				}else if(index==3){
					let start=new Date(this.start).getTime()
					let time=this.timestampToTime(start-(4*30*24*60*60*1000))
					this.initiate_time=""
					this.initiate_time=[...this.initiate_time,time,this.end]
				}
				this.date_type=item.type
			},
			// 自定义时间
			initiate(){
				this.initiate_show=true	
				this.tabIndex=null
				this.date_type=""
			},
			// 自定义时间
			initiate_confirm(e){
				console.log(e)
				let time=`${e.year}-${e.month}-${e.day}`;
				this.initiate_time=time
			},
			// tabs通知swiper切换
			tabsChange(index) {
				this.swiperCurrent = index;
			},
			
			
			tabsShaixuan(){
				this.swiperCurrent = 1;
			},
			
			tabsPaixu(){
				this.swiperCurrent = 2;
			},
			
			
			// swiper-item左右移动，通知tabs的滑块跟随移动
			transition(e) {
				let dx = e.detail.dx;
				//this.$refs.uTabs.setDx(dx);
			},
			// 由于swiper的内部机制问题，快速切换swiper不会触发dx的连续变化，需要在结束时重置状态
			// swiper滑动结束，分别设置tabs和swiper的状态
			animationfinish(e) {
				let current = e.detail.current;
				//this.$refs.uTabs.setFinishCurrent(current);
				this.swiperCurrent = current;
				this.current = current;
			},
			// 客户详情
			client_detail(item){
				uni.navigateTo({
					url:`/pagesB/client/client-detail?store_user_id=${item.store_user_id}&user_id=${item.user_id}`
				})
			},
			
			addkehu(){
				uni.navigateTo({
					url:`/pagesB/client/terrace`
				})
			},
			
			setorder(item,index,order){
				var paixulist1 = this.paixuList;
				for(var i=0; i<this.paixuList.length; i++){
					paixulist1[i].asc = 0;
					paixulist1[i].desc = 0;
				}
				
				this.field = item.field;
				this.paixu = order;
				
				console.log(this.paixu);
				
				if(order=="asc"){
					paixulist1[index].asc = 1;
				}else{
					if(order=="desc"){
						paixulist1[index].desc = 1;
					}
				}
				
				this.paixuList = paixulist1;
				
				
				if(this.date_type){
					this.$H.post("v2/store/users",{
						date_type:this.date_type,
						tag_id:this.tally_item.tag_id,
						level_id:this.level_item.level_id,
						yewu_id:this.yewu_item.id,
						field: this.field,
						paixu: this.paixu
					}).then(res=>{
						this.$u.toast("查询中")
						setTimeout(()=>{
							this.current=0
							this.swiperCurrent=0
							this.store_users=res.data
							this.total=res.paginated.total
						},1500)
					})
				}else{
					this.$H.post("v2/store/users",{
						tag_id:this.tally_item.tag_id,
						start_time:this.initiate_time[0],
						end_time:this.initiate_time[1],
						level_id:this.level_item.level_id,
						yewu_id:this.yewu_item.id,
						field: this.field,
						paixu: this.paixu
					}).then(res=>{
						this.$u.toast("查询中")
						setTimeout(()=>{
							this.current=0
							this.swiperCurrent=0
							this.store_users=res.data
							this.total=res.paginated.total
						},1500)
					})
				}
				
			},
			
			
			// 确认
			sub_next(){
				console.log("确定")
				if(this.date_type){
					this.$H.post("v2/store/users",{
						date_type:this.date_type,
						tag_id:this.tally_item.tag_id,
						level_id:this.level_item.level_id,
						yewu_id:this.yewu_item.id,
					}).then(res=>{
						this.$u.toast("查询中")
						setTimeout(()=>{
							this.current=0
							this.swiperCurrent=0
							this.store_users=res.data
							this.total=res.paginated.total
						},1500)
					})
				}else{
					this.$H.post("v2/store/users",{
						tag_id:this.tally_item.tag_id,
						start_time:this.initiate_time[0],
						end_time:this.initiate_time[1],
						level_id:this.level_item.level_id,
						yewu_id:this.yewu_item.id
					}).then(res=>{
						this.$u.toast("查询中")
						setTimeout(()=>{
							this.current=0
							this.swiperCurrent=0
							this.store_users=res.data
							this.total=res.paginated.total
						},1500)
					})
				}
			},
			// 重置
			batch_spec(){
				this.date_type=""
				this.initiate_time=""
				this.tally_item=""
				this.tabIndex=0
			},
			toJSON(){
				return this
			},
			// 加载数据
			getData(){
				this.$H.post("v2/store/users",{
					pagination:{
						count:this.count,
						page:this.more
					},
				}).then(res=>{
					this.store_users=res.data
				})
			},
			// 回到顶部
			loadmores(){
				this.scrollTop = this.old.scrollTop
				this.$nextTick(function() {
					this.scrollTop = 0
				});
			},
			// 上拉加载函数
			scrolltolower(e){
				let that = this
				// 每次上拉加载的数据比上一次多十个
				that.count += SIZE
				if(that.store_users.length==that.total){
					return
				}else{
					setTimeout(()=>{
					    that.getData()
					},1000)
				}
			},
			// 滚动时触发
			scroll(e){
				this.old.scrollTop = e.detail.scrollTop
			},	
			
		},
		onShow() {
			this.$H.post("v2/store/users",{
				pagination:{
					count:this.count,
					page:this.more
				},
			}).then(res=>{
				this.store_users=res.data
				this.u_loadmore=false
			})
			
			
			let that=this
			if(uni.getStorageSync("toggle_default")){
				that.user=uni.getStorageSync("users") || {}
			}else if(uni.getStorageSync("toggle_demo")){
				that.user=uni.getStorageSync("users_demo") || {}
			}else{
				that.user=uni.getStorageSync("users") || {}
			}
			
		},
		mounted(){
			console.log('oooo');
		},
		created(){
			let date = new Date()
			this.start=dateFormat("YYYY-mm-dd HH:MM:SS", date).substring(0,10)
			this.end=dateFormat("YYYY-mm-dd HH:MM:SS", date).substring(0,10)
			this.defaultdate[0] = dateFormat("YYYY-mm-dd HH:MM:SS", date).substring(0,10);
			this.defaultdate[1] = dateFormat("YYYY-mm-dd HH:MM:SS", date).substring(0,10);

		},
		onLoad() {
			
			// let date = new Date()
			// this.$nextTick(()=>{
				// this.start=dateFormat("YYYY-mm-dd HH:MM:SS", date).substring(0,10)
				// this.end=dateFormat("YYYY-mm-dd HH:MM:SS", date).substring(0,10)
				console.log("fdsafdsafdsa", this.start,this.end)
			// })
			
			// this.date_type='today'
			this.$H.post("v2/store/users",{
				pagination:{
					count:this.count,
					page:this.more
				},
			}).then(res=>{
				this.store_users=res.data
				this.u_loadmore=false
				this.total=res.paginated.total
			})
			
			this.$H.post("v2/store/user/tagxitong",{
			}).then(res=>{
				this.tallyxitong=res
			})
			
			this.$H.post("v2/store/user/tag",{
			}).then(res=>{
				this.tally=res
			})
			
			this.$H.post("v2/store/user/yewu",{
			}).then(res=>{
				this.yewu=res
			})
			
			
			this.$H.post("v2/store/user/level",{
			}).then(res=>{
				this.level=res
			})
		}
	}
</script>

<style>
	.terrace_img{
		width: 120upx;
		height: 120upx;
	}
	.h_40{
		height: 40upx;
	}
	.sub /deep/ .dele{
		background: linear-gradient(to right,#ff9900,#ff9900);
		border-radius: 50upx;
		width: 45%;
		color: #FFFFFF;
		font-size: 30upx;
	}
	.sub /deep/ .dele::after{
		border: none;
		color: #000000;
	}
	.date_action{
		color: #FC7814!important;
		background-color: #fff4e6!important;
	}
	.date{
		background-color: #F6F6F6;
		color: #666666;
	}
	.corner_img{
		width: 30upx;
		height: 30upx;
	}
	.sub /deep/ .rele{
		width: 45%;
		border-radius: 50upx;
		font-size: 30upx;
		background: linear-gradient(to right,#F31E3E,#FB4F37);
	}
	.header{
		height: 110upx;
	}
	
	.paixu{
		width: 60upx;
		height: 60upx;
		margin-left: 20rpx;
	}
	.shaixuan{
		margin-right: 20rpx;
	}
	
	.img01{
		width: 50rpx;
		height: 50rpx;
	}
	
	.mt-5rpx{
		margin-top: 5rpx;
	}
	
</style>
